<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 1. 每一个函数都有一个显式原型(prototype)属性, 指向其原型对象
    // 2. 每一个对象都有一个隐式原型属性(__proto__)
    // 3. 对象的隐式原型属性指向其构造函数的原型对象

    // 写一个父类
    function Person(name, age) {
      this.name = name
      this.age = age
    }
    Person.prototype.run = function () {
      console.log('跑的块');
    }
    // 封装一个方法
    function change(fn, ...arg) {
      //1.创建一个对象
      let arr = {}
      //2.调用构造函数把构造函数的this指向我们创建的对象
      const re = fn.apply(arr, arg)
      // 3.设置他的隐式原型指向其构造函数的显示原型
      arr.__proto__ = fn.prototype
      // 4.返回值(判断构造函数的返回值是基本类型还是引用类型)
      if (typeof re === 'object' && re !== null || typeof re === "function") {
        return re;
      } else {
        return arr
      }
    }
    const newPhone = change(Person, '詹姆斯罗飞', 22)
    console.log(newPhone);
  </script>
</body>

</html>